.reg-page{
    margin-top:20px;
    margin-bottom:20px;
    .tab{
        line-height: 39px;
        .tab-pane{
            background: #fff;
            border-top: 1px solid #c7c7c7;
            border-left: 1px solid #c7c7c7;
            border-right: 1px solid #c7c7c7;
            width: 210px;
            height: 39px;
            position: relative;
            text-align: center;
            font-size: 16px;
            color:#FF5991;
            font-weight: bolder;
            top:1px;
            float:left;
            i.border-top{
                background:#FF5991;
                position: absolute;
                height: 3px;
                width: 100%;
                top:-1px;
                left: 0;
            }
            i.gray{
                background:#c7c7c7;
            }
            i.ico{
                background-position: -372px -1px;
                width: 20px;
                height: 14px;
                top:2px;
            }
            i.icoblack{
                background-position: -399px -1px;
                width: 20px;
                height: 14px;
                top:2px;
            }
            i.mobgray{
                background-position: -372px -22px;
                width: 20px;
                height: 14px;
                top:2px;
            }
            i.mob{
                background-position: -402px -22px;
                width: 20px;
                height: 14px;
                top:2px;
            }
        }
        .gray{
            color:#c7c7c7;
        }
        .pink{
            color:#ff5991;
        }
    }
    .tab-content{
        clear:both;
        border: 1px solid #c7c7c7;
        padding: 60px 50px;
        background: #fff;
        .reg-box{
            width: 50%;
            border-right: 1px dotted #ddd;
            padding-left:10px;
            .progress{
                width: 364px;
                height: 40px;
                background-position: 0 0;
            }
            table{
                line-height: 40px;
                color:#666;
                td.title{
                    text-align: right;
                    padding-right: 20px;
                    font-size: 14px;
                }
                input.input{
                    height: 25px;
                    line-height: 25px;
                    width: 270px;
                    padding:0 10px;
                }
                input.input2{
                    height: 25px;
                    line-height: 25px;
                    width: 100px;
                    padding:0 10px;
                }
                .checkbox{
                    margin-right: 5px;
                    position: relative;
                    top:2px;
                }
                .btn{
                    background-position: 0 -44px;
                    width: 293px;
                    height: 33px;
                    border: none;
                }
                .btn:hover{
                    background-position: 0 -84px;
                }
                img{
                    height: 29px;
                    vertical-align: middle;
                    cursor: pointer;
                }
                .radios{
                    br{
                        display: none;
                    }
                    label{
                        margin-right: 20px;
                    }
                    .radio{
                        position: relative;
                        top:2px;
                        *top:0px;
                    }
                }
                .reg_help_img{
                	background-image: url(../images/user/reg_help.png);
                	width:15px;
                	height:15px;
                	float:left;
                	cursor: pointer;
                	margin:15px 10px;
                	position: relative;
                }
                .reg_help{
                	background-color: #fff;
				    border: 1px solid #ccc;
				    border-radius: 5px;
				    color: orange;
				    left: 20px;
				    line-height: 20px;
				    padding: 10px 0 10px 10px;
				    position: absolute;
				    text-align: left;
				    width: 250px;
				    display:none;
                }
            }
        }
        .login-box{
            width: 47%;
            text-align: center;
            padding-top: 100px;
            font-size: 16px;
            line-height: 2em;
            a{
                color:#FF5991;
            }
            p{
            	width:300px;
            	text-align:left;
            	padding-left:150px;
            }
        }
        .bind_box{
            width:384px;
            margin: 0 auto;
            background: none repeat scroll 0 0 #fff;
            color: #888;
            font-size: 14px;
            margin-bottom: 80px;
            margin-top: 30px;


            .top{
                color: #020202;
                margin-bottom: 20px;
                margin-left: 20px;

            }
            .icon{
                position:relative;
                i{
                    display: block;
                    height: 14px;
                    width: 14px;
                    position: absolute;
                    left: 10px;
                    top: 15px;
                }
            }
            .user-group i{
                background-position: -288px 0;
            }
            .password-group i{
                background-position: -288px -18px;
            }
            .row{
                margin-top: 20px;
                float:left;
                width: 244px;
                .input{
                    height: 23px;
                    line-height: 23px;        
                    border: 1px solid #d7d7d7;
                    width: 244px;
                    padding: 10px 10px 10px 30px;
                }
                .btn{
                    background-position: 0 0;
                    width: 283px;
                    height: 33px;
                    border: none;
                    padding: 0px;
                    line-height: 33px;
                    cursor: pointer;
                }
                .btn:hover{
                    background-position: 0 -41px;
                }
            }
            .submit{
                width: 283px;
                margin: 10px auto;
                background-color:#fd335d;
                color:white;
                height: 43px;
                font-size:14px;
                font-weight:900;
            }
            .lable{
                float:left;
                margin-top: 30px;
                padding-right: 20px;
                text-align: right;
                width: 75px;
            }
            .radios{
                line-height:40px;

                float:left;
            }
            br{
                display: none;
            } 
        }
    }

}
.reg-spt{
    background-image: url(../images/reg-spt.png);
}
.reg-mobile{
    background-image: url(../images/reg-mobile.png);
}

.reg_choise{
	.reg_choise_title{
		text-align:center;
		margin:0px auto 15px;
		font-size:20px;
	}
	.reg_choise_sell{
		background-color:#f7f7f7;
		
	}
	.reg_choise_buy{
		background-color:#f7f7f7;
		border-left:1px solid #ccc
	}
	.choise{
		margin:5px 0 5px 70px;
	}
	.is_sell_buy_btn{
		background-color:#19c7a2;
		width:100px;
		margin:5px auto 20px;
		border-radius:3px;
		text-align:center;
		a{
			width:100px;
			color: white;
			height:30px;
			line-height:30px;
		}
	}
}